<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>表单输入绑定</title>
    <!-- Delete ".min" for console warnings in development -->
    <script src="../vue.js"></script>

  </head>
  <body>

    <!-- app -->
    <div id="app">
  表单输入绑定 — Vue.js<br />
https://cn.vuejs.org/v2/guide/forms.html#选择框的选项<br /><br />


<select v-model="selected">
    <!-- 内联对象字面量 -->
  <option v-bind:value="{ number: 123 ,sss:'ssSSSxx'}">123</option>
</select>

<span>Selected: {{ selected }}</span>

    </div>

    <script>

      // start app
var app = new Vue({
  el: '#app',
  data: {
    selected: 'A',
    options: [
      { text: 'One', value: 'A' },
      { text: 'Two', value: 'B' },
      { text: 'Three', value: 'C' }
    ]
  }
})


    </script>
  </body>
</html>
